
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}






* {
	margin: 0; padding: 0;
}
body
{
    text-align: center;
    font: 12px Verdana;
    color: #000000;
    background: #F7F6F6 url('../images/background.gif') repeat-x 0 0;
}
a {
	color: #000033;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 970px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 180px;
}
	#header .logo {
		float: left;
		padding: 30px 0 20px;
	}
		#header .logo h1 {
			font-size: 2.8em;
			text-transform: uppercase;
		}
			#header .logo h1 a {
				text-decoration: none;
			}
		#header .logo p {
			color: #777777;
			font-size: 1.4em;
			text-transform: uppercase;
		}
	#header .profile
{
    float: right; width:468px; 
    height:60px; 
    padding-top: 30px;
}

	#header .pages {
		list-style-type: none;
		clear: both;
		height: 35px;
	}
		#header .pages li {
			float: left;
			padding-right: 2px;
			background: url(../images/divider.gif) no-repeat right 0;
		}
		#header .pages li a {
			color: #777777;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 0.9em;
			font-weight: bold;
			display: block;
			padding: 11px 14px;
		}
		#header .pages li a:hover {
			color: #CA5518;
		}
	#header .categories {
		list-style-type: none;
		clear: both;
		height: 34px;
	}
		#header .categories li {
			float: left;
			font-size: 0.9em;
		}
		#header .categories li a {
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 10px 14px;
		}
		#header .categories li a:hover {
			text-decoration: underline;
		}
/** END header **/

/** BEGIN content **/
#content {
	width: 630px;
	float: left;
	padding: 20px 0 10px;
}
	#content .featured {
		height: 320px;
		background: #ffffff url(../images/featured.gif) repeat-x 0 0;
		padding: 12px;
		border: 1px solid #bbbbbb;
		margin-bottom: 10px;
	}
	
		#content .featuredPart {
		height: 238px;  
		padding: 12px;
		border: 1px solid #bbbbbb;
		margin-bottom: 10px;
	}
		#content .featured h2 {
			font-size: 0.9em;
			text-transform: uppercase;
			margin-bottom: 40px;
		}
		#content .featured img {
			float: left;
			margin: 0 10px 10px 0;
			border: 1px solid #CCCCCC;
			padding: 5px;
		}
		#content .featured h3 {
			font-size: 1.5em;
			margin-bottom: 5px;
		}
			#content .featured h3 a {
				color: #000000;
				text-decoration: none;
			}
			
		#content .featured .details {
			font-size: 0.9em;
			margin-bottom: 15px;
		}
		#content .featured p {
			line-height: 1.4em;
		}
		
		/* START for pat details  */
		#content .featuredPart h2 {
			font-size: 0.9em;
			text-transform: uppercase;
			margin-bottom: 40px;
		}
		#content .featuredPart img {
			float: left;
			margin: 0 10px 10px 0;
			border: 1px solid #CCCCCC;
			padding: 5px;
		}
		#content .featuredPart h3 {
			font-size: 1.5em;
			margin-bottom: 5px;
		}
	   
	    #content .featuredPart h3 a {
		color: #000000;
		text-decoration: none;
		}
			
		#content .featuredPart .shoppingCartIcon {
			float: right;
			 padding-top:100px;
    		}

	/* END for pat details  */
		
	#content .post {
		width: 288px;
		float: right;
		padding: 10px 10px 15px;
		border: 1px solid #bbbbbb;
		background: #F0F0F0 url(../images/post.gif) repeat-x 0 bottom;
		margin-bottom: 10px;
	}
		#content .post h3 {
			margin-bottom: 10px;
			font-size: 1.2em;
		}
			#content .post h3 a {
				color: #000000;
				text-decoration: none
			}
			#content .post h3 a:hover
            {
                color: #000099;
                text-decoration: none;
            }

		#content .post img {
			width: 90px; height: 90px;
			padding: 4px;
			border: 1px solid #cccccc;
			float: left;
			margin: 0 10px 15px 0;
		}
		#content .post p {
			line-height: 1.4em;
			font-size: 0.9em;
		}
		#content .post .category {
			clear: both;
			font-weight: bold;
			float: left;
			font-size: 0.9em;
			padding-top: 10px;
		}
		#content .post .comments {
			font-weight: bold;
			float: right;
			font-size: 0.9em;
			padding-top: 10px;
		}
	#content .odd {
		float: left;
		clear: both;
	}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 330px;
	float: right;
	padding: 20px 0 10px;
}
	#sidebar ul {
		list-style-type: none;
		margin-bottom: 15px;
	}
		#sidebar ul li {
			line-height: 1.4em;
			padding: 2px 0;
		}
		#sidebar ul li a {
			color: #000000;
			text-decoration: none;
		}
		#sidebar ul li a:hover {
			color: #CA5518;
			text-decoration: underline;
		}
	#sidebar .box {
		border: 1px solid #bbbbbb;
		background-color: #ffffff;
		margin-bottom: 10px;
	}
		#sidebar .box h2 {
			background: red url(../images/sidehead.gif) repeat-x 0 0;
			padding: 12px 10px;
			font-size: 0.9em;
			text-transform: uppercase;
		}
		#sidebar .box .sponsors {
			text-align: center;
			padding: 7px;
		}
			#sidebar .box .sponsors img {
				margin: 7px;
			}
		#sidebar .box .popular {
			list-style-type: none;
			padding: 14px;
		}
			#sidebar .box .popular li {
				line-height: 1.4em;
				padding: 4px 0;
			}
			#sidebar .box .popular li a {
				font-weight: bold;
				color: #CA5518;
				text-decoration: underline;
			}
			#sidebar .box .popular li p {
				padding: 4px 0;
			}
		#sidebar .box .flickr {
			text-align: center;
			padding: 7px;
		}
			#sidebar .box .flickr img {
				margin: 7px;
			}
		#sidebar .box .video {
			padding: 15px 17px;
		}
		#sidebar .box .tags {
			padding: 15px;
		}
			#sidebar .box .tags a {
				color: #000000;
				text-decoration: none;
			}
			#sidebar .box .tags a:hover {
				color: #CA5518;
				text-decoration: underline;
			}
	#sidebar .search {
		height: 42px;
		background: url(../images/search.gif) no-repeat 0 0;
		margin-bottom: 10px;
	}
		#sidebar .search input {
			float: left;
			border: 0;
			width: 250px;
			margin: 12px 10px;
		}
		#sidebar .search button {
			width: 60px; height: 42px;
			float: right;
			text-indent: -9999px;
			border: 0;
			background-color: transparent;
		}
	#sidebar .half {
		padding: 20px 15px 5px;
	}
		#sidebar .half .l {
			float: left;
			width: 145px;
		}
		#sidebar .half .r {
			float: right;
			width: 145px;
		}
		#sidebar .half h2 {
			background: none;
			padding: 0;
			margin-bottom: 5px;
		}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #6A6A6A;
	padding: 20px 0;
	height: 15px;
	font-size: 0.9em;
}
	#footer .wrapper {
		width: 970px;
		margin: auto auto;
		text-align: left;
	}
	#footer p {
		color: #ffffff;
	}
	#footer a {
		color: #ffffff;
	}
	#footer p.l {
		float: left;
	}
	#footer p.r {
		float: right;
	}
/** END footer **/

  /**Ajax CSS  **/

/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url('../images/FilledStar.gif');
}

.emptyRatingStar {
    background-image: url( '../images/EmptyStar.gif');
}

.savedRatingStar {
    background-image: url('../images/SavedStar.gif');
}
  /* ------End Ajax-----*/